<template>
  <div class="login">
    <van-nav-bar title="会员登录" left-arrow @click-left="$router.go(-1)" />
    <div class="h1">手机号登录</div>
    <div class="h2">未注册的手机号将会自动登录</div>
    <form action="">
      <input type="text" placeholder="请输入手机号码">
      <div class="picCode">
        <input type="text" placeholder="请输入图形验证码">
        <img src="" alt="">
      </div>
      <div class="messageCode">
        <input type="text" placeholder="请输入短信验证码">
        <span>获取验证码</span>
      </div>
      <div class="button">登录</div>
    </form>
  </div>
</template>

<script>
export default {
  name: 'loginIndex',
  data () {
    return {

    }
  },
  methods: {
  }
}
</script>

<style lang="less" scoped>
.login {
  background-color: #e6e4e4;
  .h1 {
    margin-top: 40px;
    font-size:30px;
    font-weight: 400;
  }
  .h2 {
    margin-top:10px;
    margin-bottom:30px;
    font-size:18px;
    font-weight: 400;
    color:#CCD9D9;
  }

  input{
    border:none;
    background-color: #fff;
  }
}
</style>
